<template>
<h2>注册页面</h2>
<table>
    <tr>
        <td>用户名</td>
        <td><input type="text" v-model="info.UL_Uname"/></td>
    </tr>
    <tr>
        <td>密码</td>
        <td><input type="password" v-model="info.UL_Upwd"/></td>
    </tr>
    <tr>
        <td colspan="2">
            <input type="button" value="注册" @click="Register"/>
        </td>
    </tr>
</table>    
</template>
<script setup lang="ts">
import axios from 'axios';
import { ref } from 'vue'; 
const info=ref(
    {
        UL_Uname:'',
        UL_Upwd:''
    }
)
const Register=()=>{
    axios({
        url:"https://localhost:44382/api/Lx/Register",
        method:"post",
        data:{
            UL_Uname:info.value.UL_Uname,
            UL_Upwd:info.value.UL_Upwd
        }
    })
    .then(res=>{
        if(res.data==-1){
            alert("用户名重复")
            return
        }
        else if(res.data>0){
                alert("注册成功")
                return
        }else{
            alert("注册失败")
        }
    })
    .catch(err=>{
        console.log(err);
    })
}


</script>